<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" isELIgnored="false" session="true"%>
<%String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() + "/";%>

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>JN Report</title>
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<%@ include file="/common/comCSS-lte.html" %>
	<%@ include file="/common/comJS-lte.html" %>
	<style>
		body, html {
			padding: 0; margin: 0;
		}
		.cbp-spmenu {
			background: #F5F5F5;
			position: fixed;
			overflow-y: auto;
			border-right: 1px solid #D3D3D3;
		}
		.cbp-spmenu-vertical {
			width: 460px;
			height: 100%;
			top: 0;
			z-index: 1000;
		}
		.cbp-spmenu-left {
			left: -460px;
		}
		.cbp-spmenu-left.cbp-spmenu-open {
			left: 0px;
		}
		.cbp-spmenu-push {
			overflow-x: hidden;
			position: relative;
			left: 0;
		}
		.cbp-spmenu-push-toright {
			left: 460px;
		}
		.cbp-spmenu-push-toleft {
			left: -460px;
		}
		.cbp-spmenu,.cbp-spmenu-push {
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}
	</style>
</head>
<body class="cbp-spmenu-push">
<div>
	<%--/*** 上侧导航栏 **/--%>
	<div class="" style="height: 35px;background-color: #999;clear: both;">
		<img id="showLeftPush" src="../../img/nav_trigger.jpg" style="width: 35px;height: 35px;float: left;" />
		<div class="dropdown" style="float: left;margin-left: 12px;">
			<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu_1" data-toggle="dropdown">
				${sessionScope.userId}
				<span class="caret"></span>
			</button>
			<ul class="dropdown-menu" aria-labelledby="dropdownMenu_1">
				<li><a href="/loginOut">退出登出</a></li>
			</ul>
		</div>
	</div>

	<%--/*** 左侧导航栏 **/--%>
	<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
		<i style="font-size: 18px;font-weight: 500;color: #006688;font-weight: bold;">&nbsp&nbsp查询条件 ...</i>
		<div style="text-align:center;height: 45px;margin-top: 8px;background-color: rgb(65, 137, 203);;">
			<button id="query_btn" style="width: 100px;height: 27px;margin-top: 9px;margin-right: 3px;background-color: #F5F5F5;font-size: 17px;font: '微软雅黑';font-weight: bold;color: #428bca;border: 1px solid #191970;">查&nbsp询</button>
			<button id="reset_btn" style="width: 100px;height: 27px;margin-top: 9px;margin-right: 3px;background-color: #F5F5F5;font-size: 17px;font: '微软雅黑';font-weight: bold;color: #428bca;border: 1px solid #191970;">重&nbsp置</button>
			<button id="showSql_btn" style="width: 100px;height: 27px;margin-top: 9px;margin-right: 3px;background-color: #F5F5F5;font-size: 17px;font: '微软雅黑';font-weight: bold;color: #428bca;border: 1px solid #191970;">ShowSQL</button>
		</div>
		<%--<%@ include file="/comPage/input_checkbox.html"%>--%>
		<%--<%@ include file="/comPage/input_text.html"%>--%>
		<%--<%@ include file="/comPage/input_select.html"%>--%>
		<%--<%@ include file="/comPage/input_text_select.html"%>--%>
		<%--<%@ include file="/comPage/input_radio.html"%>--%>
		<%@ include file="/condition/sartTime_input.html"%>
		<%@ include file="/condition/endTime_input.html"%>
	</nav>



	<%--/*** 报表展示部分 **/--%>
	<div>
		<h1>报表展示部分</h1>
		<%@ include file="/charts-grid/pqGrid.html"%>
	</div>

</div>





<%--/*** 左侧侧边栏事件 **/--%>
<script>
    ( function( window ) {
        'use strict';
        function classReg( className ) { return new RegExp("(^|\\s+)" + className + "(\\s+|$)");}
        var hasClass, addClass, removeClass;
        if ( 'classList' in document.documentElement ) {
            hasClass = function( elem, c ) { return elem.classList.contains( c );};
            addClass = function( elem, c ) { elem.classList.add( c ); };
            removeClass = function( elem, c ) { elem.classList.remove( c ); };
        }else {
            hasClass = function( elem, c ) { return classReg( c ).test( elem.className ); };
            addClass = function( elem, c ) { if ( !hasClass( elem, c ) ) { elem.className = elem.className + ' ' + c; } };
            removeClass = function( elem, c ) { elem.className = elem.className.replace( classReg( c ), ' ' ); };
        }
        function toggleClass( elem, c ) { var fn = hasClass( elem, c ) ? removeClass : addClass; fn( elem, c ); }
        window.classie = {
            hasClass: hasClass,
            addClass: addClass,
            removeClass: removeClass,
            toggleClass: toggleClass,
            has: hasClass,
            add: addClass,
            remove: removeClass,
            toggle: toggleClass
        };
    })( window );
</script>
<script>
    var menuLeft = document.getElementById('cbp-spmenu-s1'),
        showLeftPush = document.getElementById('showLeftPush'),
        body = document.body;
    showLeftPush.onclick = function() {
        classie.toggle(this, 'active');
        classie.toggle(body, 'cbp-spmenu-push-toright');
        classie.toggle(menuLeft, 'cbp-spmenu-open');
        disableOther('showLeftPush');
    };
    function disableOther(button) {
        if (button !== 'showLeftPush') {
            classie.toggle(showLeftPush, 'disabled');
        }
    };
    showLeftPush.click();
</script>
<%@ include file="/event/report_event.html"%>
</body>
</html>
